{% extends "layout.html" %}

{% block title %}首页{% endblock %}

{% block css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">
{% endblock %}

{% block content %}
<div class="welcome-box">
    {% if current_user.is_authenticated %}
    <h2>
        <i class="fas fa-user-circle"></i>
        欢迎回来，{{ current_user.username }}
    </h2>
    <p>今天是 {{ datetime.now().strftime('%Y年%m月%d日') }}，祝您使用愉快！</p>
    {% else %}
    <h2>
        <i class="fas fa-hand-wave"></i>
        欢迎使用我们的系统
    </h2>
    <p>登录后可以体验更多功能</p>
    <div class="login-prompt">
        <a href="{{ url_for('auth.login') }}" class="login-button">
            <i class="fas fa-sign-in-alt"></i>
            立即登录
        </a>
    </div>
    {% endif %}
</div>

<div class="dashboard-cards">
    <!-- 搜索卡片 -->
    <div class="card">
        <h3>
            <i class="fas fa-search"></i>
            智能搜索
        </h3>
        <div class="card-content">
            <div class="card-description">
                搜索您需要的内容，支持多种搜索方式。
            </div>
            <a href="{{ url_for('search.index') }}" class="search-card-button">
                <i class="fas fa-search"></i>
                开始搜索
            </a>
        </div>
    </div>

    <!-- 网盘搜索卡片 -->
    <div class="card">
        <h3>
            <i class="fas fa-cloud"></i>
            网盘搜索
        </h3>
        <div class="card-content">
            <div class="card-description">
                海量网盘资源，一键搜索获取。
            </div>
            <a href="{{ url_for('pansou.index') }}" class="pansou-card-button">
                <i class="fas fa-cloud-download-alt"></i>
                搜索资源
            </a>
        </div>
    </div>
    
    <!-- 图片素材卡片 -->
    <div class="card">
        <h3>
            <i class="fas fa-images"></i>
            图片素材
        </h3>
        <div class="card-content">
            <div class="card-description">
                海量高清图片素材，满足您的创作需求。
            </div>
            <a href="{{ url_for('picture.index') }}" class="picture-card-button">
                <i class="fas fa-image"></i>
                浏览图片
            </a>
        </div>
    </div>

    <!-- 音乐搜索卡片 -->
    <div class="card">
        <h3>
            <i class="fas fa-music"></i>
            音乐搜索
        </h3>
        <div class="card-content">
            <div class="card-description">
                海量音乐资源，在线试听和下载。
            </div>
            <a href="{{ url_for('music.index') }}" class="music-card-button">
                <i class="fas fa-play"></i>
                开始听歌
            </a>
        </div>
    </div>

    <!-- 影视中心卡片 -->
    <div class="card">
        <h3>
            <i class="fas fa-film"></i>
            影视中心
        </h3>
        <div class="card-content">
            <div class="card-description">
                海量影视资源，随时随地观看。
            </div>
            <a href="{{ url_for('movie.index') }}" class="movie-card-button">
                <i class="fas fa-play"></i>
                开始观看
            </a>
        </div>
    </div>

    <!-- AI助手卡片 -->
    <div class="card">
        <h3>
            <i class="fas fa-robot"></i>
            AI助手
        </h3>
        <div class="card-content">
            <div class="card-description">
                智能AI助手，为您提供专业的解答和建议。
            </div>
            <a href="{{ url_for('ai_assistant.index') }}" class="ai-card-button">
                <i class="fas fa-comments"></i>
                开始对话
            </a>
        </div>
    </div>
</div>
{% endblock %} 